<!doctype html>
<!-- The DOCTYPE declaration above will set the     -->
<!-- browser's rendering engine into                -->
<!-- "Standards Mode". Replacing this declaration   -->
<!-- with a "Quirks Mode" doctype is not supported. -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
    <link type="text/css" rel="stylesheet" href="HomeFinanceMonitor.css">

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>Web Application Starter Project</title>
    
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" language="javascript" src="homefinancemonitor/homefinancemonitor.nocache.js"></script>
    <script type="text/javascript" language="javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript" language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" language="javascript" src="/script/jquery-yql-plugin.js"></script>
    <script>

    function onLoad() {
    
    }
    
    google.setOnLoadCallback(OnLoad);​
    </script>
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
    
    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>

	<div class="template QuoteRecord">
		<tr class="quote" name="quote" data-quote-type="">
			<td name="quoteId"></td>
			<td name="quoteName"></td>
			<td name="quotePrice"></td>
			<td name="quoteAmount"></td>
		</tr>
	</div>

	<h1>Home Finance Monitor</h1>
	
	<table class="quoteTable">
		<thead>
			<td><span>quote Id</span></td>
			<td><span>Name</span></td>
			<td><span>Price</span></td>
			<td><span>Amount</span></td>			
		</thead>
		<tbody id="quoteContainer"></tbody>
		<tfoot></tfoot>
	</table>
	
  </body>
</html>
